<template>
    <view class="page">
        <!-- <view class="title">用户服务协议</view> -->
        <!-- <text class="content"> -->
            <block v-for="(item, index) of dataList">
                <view v-if="index === 0" class="title">{{ item }}</view>
                <view v-else class="paragraph">{{ item }}</view>
                
            </block>
        <!-- </text> -->
    </view>
</template>

<script>
import {  getUserAgreement } from "@/api/teleplay"

export default {
    data() {
        return {
            dataList: []
        }
    },
    async created(){
        const res2 = await getUserAgreement()
        console.log("🚀 ~ created ~ res2:", res2)

        if(res2.code === 200){
            this.dataList = res2.data
        }
    },
    methods: {
    }
}
</script>
<style lang="scss" scoped>
.page {
    padding: 22rpx;
}

.paragraph {
  margin: 10px 0;
  padding: 5px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.5;
}

.title {
    font-weight: 700;
    font-size: 32rpx;
    text-align: center;
    margin-bottom: 20rpx;
}
</style>
